<template>
	<view>
		<!-- 蒙层 -->
		<view   class="mask" @touchmove.stop.prevent="()=>{}" catchtouchmove="true"></view>
		<view  class="course-comment center column">
			
			<view class="center column">
				
				
				<image class="tag-b" src="/static/images/card.png"></image>
				
				<view class="viphy">VIP会员权益</view>
				<view class="viphy-t">开通VIP会员</view>
				<view class="viphy-tr">无限时间免费咨询医生</view>
				<view class="but center">
					<view class="ljkt" @click="navTo(`/pages/vip/info`)">
						立即开通
					</view>
					
					</view>
				<!-- <image class="tag-x" src="/static/images/icon_10.png" @click="navTo(`/pages/message/dialogue`)"> -->
				<image class="tag-x" src="/static/images/icon_10.png" @click="navTo(`/pages/vip/info`)">
					
				</image>
				
			</view>
			
			<!-- <text class="desc">{{descArr[comment.score-1]}}</text>
			<view class="input-box center">
				<textarea :value="comment.content" @input="getContent" class="textarea" placeholder="请输入评价内容……"></textarea>
				<text class="btn" @click="submitComment">提交</text>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		
		
		
		data() {
			return {
				isShow: false, //默认不显示
			}
		},
		methods: {
			// 显示隐藏评论窗口
			
			
		}
	}
</script>

<style lang="scss">
	.course-comment {
		z-index: 100;
		position: fixed;
		// background-color: #009926;
		left: 0;
		right: 0;
		bottom:30%;
		.tag-b{
			width: 531rpx;
			height: 447rpx;
			// background-color: red;
		}
		.tag-x{
			width: 70rpx;
			height: 70rpx;
			margin-top: 50rpx;
		}
		.viphy{
			// background-color: #005CC5;
			position: absolute;
			top: 0;
			z-index: 200;
			width: 160rpx;
			height: 60rpx;
			font-size: 22rpx;
			font-family: SourceHanSansCN;
			font-weight: 500;
			color: #2F2B31;
			line-height: 60rpx;
			text-align: center;
			 background: linear-gradient(-90deg, #F0CF8B 0%, #F8FFEE 49.8779296875%, #EFDE92 100%);
			 -webkit-background-clip: text;
			  -webkit-text-fill-color: transparent;
		}
		.viphy-t{
			position: absolute;
			top: 80rpx;
			z-index: 200;
			width: 300rpx;
			height: 73rpx;
			font-size: 44rpx;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #2F2B31;
			line-height: 73rpx;
			text-align: center;
			
			background: linear-gradient(-90deg, #CC6B33 0%, #F4BD7D 49.853515625%, #CC6B33 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		.viphy-tr{
			position: absolute;
			top: 160rpx;
			z-index: 200;
			width: 400rpx;
			height: 73rpx;
			font-size: 38rpx;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #2F2B31;
			line-height: 73rpx;
			text-align: center;
		}
		.but{
			position: absolute;
			top: 320rpx;
			z-index: 200;
			width: 388rpx;
			height: 78rpx;
			background: linear-gradient(-90deg, #CC6B33 0%, #F4BD7D 50%, #CC6B33 100%);
			border-radius: 39rpx;
			
			.ljkt{
				width: 104rpx;
				height: 47rpx;
				font-size: 26rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #6C250F;
				line-height: 47rpx;
				
			}
		}
	}
	
</style>
